{% include 'header.html' %}
<div class="content">
	<div class="col_izq">{% include 'menu_izq.html' %}</div>
	
	<div class="col_central">
		<div class="perfil-cabecera">
			<p class="titulo"><a href="/perfil/?u={{usuario.id}}">{{usuario.username}}</a></p>
			<p id="cabecera"><strong>Críticas</strong></p>
		</div>
		<div class="perfil-criticas">
			<ul>
				{% for pelicula,critica,nota in criticas %}	
				<li>			
						<p><a href="/critica/?c={{critica.id}}">{{critica.titulo}}</a> - <a href="/pelicula/?t={{pelicula.id}}">{{pelicula.titulo}}</a></p>
						<p>Nota: {{nota}}</p>
						<p><i>{{ critica.contenido|slice:":200" }}...</i></p>
				</li>
				{% endfor %}
			</ul>
			<div class="pagination">
    						<span class="step-links">
	        					{% if criticas.has_previous %}
	           				 		<a href="?page={{ criticas.previous_page_number }}&u={{usuario.id}}">Previo</a>
	        					{% endif %}
	
	        					<span class="current">
	            					Página {{ criticas.number }} de {{ criticas.paginator.num_pages }}.
	        					</span>
	
	        					{% if criticas.has_next %}
	            					<a href="?page={{ criticas.next_page_number }}&u={{usuario.id}}">Siguiente</a>
	        					{% endif %}
    						</span>
			</div>
		</div>
	</div>
	<div class="col_der">
		{% include 'menu_der.html' %}	
	</div>
</div>
{% include 'footer.html' %}